<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ysc</title>
    <link rel="stylesheet" href="css/新建文本文档.css">
</head>
<body>
    <div class="main">
        <div class="main_title">
            <div class="background">
                <div class="main_title_top">
                    <a id="shouye">
                        <p class="main_title_top_ps">全国服务热线：400-000-0000</p>
                    </a>
                    <ul class="main_title_top_right">
                        <li class="main_title_top_right_left">
                            <a class="link" href="#">
                                <p class="main_title_top_right_left_p">设为主页</p>
                            </a>
                        </li>
                        <li class="main_title_top_right_right">
                            <a class="link" href="#">
                                <p class="main_title_top_right_right_p">加入收藏</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main_title_bottom">
                <img class="main_title_bottom_image" src="05-练习页面响应式/-1.png" alt="">
                <ul class="main_title_bottom_uls">
                    <li class="main_title_bottom_uls_lisd">
                        <a class="link" href="#shouye">
                            <p class="main_title_bottom_uls_lis_p">首页</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#gongsijianjie">
                            <p class="main_title_bottom_uls_lis_p">公司简介</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#women">
                            <p class="main_title_bottom_uls_lis_p">关于我们</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#">
                            <p class="main_title_bottom_uls_lis_p">博易课堂</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#">
                            <p class="main_title_bottom_uls_lis_p">博易纪要</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#">
                            <p class="main_title_bottom_uls_lis_p">技术博客</p>
                        </a>
                    </li>
                    <li class="main_title_bottom_uls_lis">
                        <a class="link" href="#lianxiwomen">
                            <p class="main_title_bottom_uls_lis_p">联系我们</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main_logo">
            <a id="gongsijianjie">
                <img class="main_logo_image" src="05-练习页面响应式/-2.jpg" alt="">
            </a>
            <ul class="main_logo_nav">
                <li class="main_logo_nav_lis">
                    <img class="main_logo_nav_lis_image" src="05-练习页面响应式/-4.png" alt="">
                    <p class="main_logo_nav_lis_p">第一阶段</p>
                    <a class="link" href="#">
                        <p class="main_logo_nav_lis_ps">前端开发基础：html+css网页制作，jQuery，javascript</p>
                    </a>
                </li>
                <li class="main_logo_nav_lis main_logo_nav_lis1">
                    <img class="main_logo_nav_lis_image" src="05-练习页面响应式/-4.png" alt="">
                    <p class="main_logo_nav_lis_p">第二阶段</p>
                    <a class="link" href="#">
                        <p class="main_logo_nav_lis_ps">前端开发提高：angular/react，swiper，js,zepto，js,gulp,less</p>
                    </a>
                </li>
                <li class="main_logo_nav_lis main_logo_nav_lis2">
                    <img class="main_logo_nav_lis_image" src="05-练习页面响应式/-4.png" alt="">
                    <p class="main_logo_nav_lis_p">第三阶段</p>
                    <a class="link" href="#">
                        <p class="main_logo_nav_lis_ps">前端开发基础：html+css网页制作，jQuery，javascript</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="">
            <div class="main_background">
                <div class="main_content">
                    <a id="women">
                        <h3 class="main_content_title">关于我们</h3>
                    </a>
                    <img class="main_content_imgs" src="05-练习页面响应式/-5.png" alt="">
                    <a class="link" href="#">
                        <p class="main_content_p">秦皇岛博易科技开发有限公司是一家专门致力于培养高素质前端开发人才的科技公司，励志为同学提供一个免费的学习交流平台。以学员阶段性学习为主,考核通过后进行强化培训为原则;以针对企业要求，重视基础理论建设强化高端应用技能为目标；以"公司真实项目"为教学后盾,让学员真正能够达到学以致用!</p>
                    </a>
                    <div class="main_content_img">
                        <img class="main_content_img_one" src="05-练习页面响应式/-6.png" alt="">
                        <img class="main_content_img_two" src="05-练习页面响应式/-7.png" alt="">
                        <img class="main_content_img_theer" src="05-练习页面响应式/-8.png" alt="">
                        <img class="main_content_img_four" src="05-练习页面响应式/-9.png" alt="">
                        <img class="main_content_img_five" src="05-练习页面响应式/-10.png" alt="">
                    </div>
                </div>
            </div>
            <div class="main_content2">
                <a id="xinwen">
                    <h3 class="main_content_title">新闻资讯</h3>
                </a>
                <img class="main_content_imgs" src="05-练习页面响应式/11.png" alt="">
                <div class="main_content2_background">
                    <ul class="main_content2_background_uls">
                        <li class="main_content2_background_uls_lis">
                            <a class="link" href="#">
                                <p class="main_content2_background_uls_lis_p">最新咨询</p>
                            </a>
                        </li>
                        <li class="main_content2_background_uls_liss">
                            <a class="link" href="#">
                                <p class="main_content2_background_uls_lis_p">网站公告</p>
                            </a>
                        </li>
                    </ul>
                    <div class="main_content2_background_bottom">
                        <ul class="main_content2_background_bottom_uls">
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                            <li class="main_content2_background_bottom_uls_lis">
                                <a class="main_content2_background_bottom_uls_lis_link" href="#">
                                    秦皇岛博易科技公告
                                    <span class="main_content2_background_bottom_uls_lis_link_spans">2015/03/13</span>
                                </a>
                            </li>
                        </ul>
                        <img class="main_content2_background_bottom_img" src="05-练习页面响应式/-14.png" alt="">
                    </div>
                </div>
            </div>
            <form class="main_content3" action="#">
                <a id="lianxiwomen">
                    <h3 class="main_content_title">联系我们</h3>
                </a>
                <img class="main_content_imgs" src="05-练习页面响应式/11.png" alt="">
                <div class="main_content3_left">
                    <div class="main_content3_left_erwei">
                        <img class="main_content3_left_erwei_img" src="05-练习页面响应式/-15.png" alt="">
                        <p class="main_content3_left_erwei_ps">微信扫一扫<br>关注秦皇岛博易科技</p>
                    </div>
                    <ul class="main_content3_left_uls">
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-16.png" alt="">
                            <p class="main_content3_left_uls_lis_p">服务热线：13393204123</p>
                        </li>
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-17.png" alt="">
                            <p class="main_content3_left_uls_lis_p">联系人：崔老师</p>
                        </li>
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-18.png" alt="">
                            <p class="main_content3_left_uls_lis_p">博易官网：www.qhdboyi.com</p>
                        </li>
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-19.png" alt="">
                            <p class="main_content3_left_uls_lis_p">公司传真：000-12345678</p>
                        </li>
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-20.png" alt="">
                            <p class="main_content3_left_uls_lis_p">邮政编码：066000</p>
                        </li>
                        <li class="main_content3_left_uls_lis">
                            <img class="main_content3_left_uls_lis_img" src="05-练习页面响应式/-21.png" alt="">
                            <p class="main_content3_left_uls_lis_p">公司地址：秦皇岛远洋商务大厦14层</p>
                        </li>
                    </ul>
                    <img class="main_content3_left_image" src="05-练习页面响应式/-22.png" alt="">
                </div> 
                <div class="main_content3_right">
                    <div class="main_content3_right_nav">
                        <label class="main_content3_right_nav_content" for="nicheng">昵称</label>
                        <div class=""></div>
                        <input class="main_content3_right_nav_text" id="nicheng" type="text">
                    </div>
                    <div class="main_content3_right_nav">
                        <label class="main_content3_right_nav_content" for="lainix">联系电话</label>
                        <div class=""></div>
                        <input class="main_content3_right_nav_text" id="lainix" type="text">
                    </div>
                    <div class="main_content3_right_nav">
                        <label class="main_content3_right_nav_content" for="dianzi">电子邮箱</label>
                        <div class=""></div>
                        <input class="main_content3_right_nav_text" id="dianzi" type="text">
                    </div>
                    <div class="main_content3_right_nav">
                        <label class="main_content3_right_nav_content" for="meirong">内容</label>
                        <div class=""></div>
                        <input class="main_content3_right_nav_texts" id="meirong" type="text">
                    </div>
                    <div class="main_content3_right_nav">
                        <input class="main_content3_right_nav_tijiao" type="submit" value="提交">
                    </div>
                </div>
            </form>
        </div>
        <div class="main_footer">
            <div class="main_footer_top">
                <div class="margin">
                    <p class="main_footer_top_p">关注我们：</p>
                    <a class="link" href="#">
                        <img class="main_footer_top_img" src="05-练习页面响应式/-23.png" alt="">
                    </a>
                    <a class="link" href="#">
                        <img class="main_footer_top_img" src="05-练习页面响应式/-24.png" alt="">
                    </a>
                    <a class="link" href="#">
                        <img class="main_footer_top_img" src="05-练习页面响应式/-25.png" alt="">
                    </a>
                </div>
                <ul class="main_footer_top_uls">
                    <li class="main_footer_top_uls_liss">
                        <a class="main_footer_top_uls_lis_link" href="#shouye">网站首页</a>
                    </li>
                    <li class="main_footer_top_uls_lis">
                        <a class="main_footer_top_uls_lis_link" href="#xinwen">新闻动态</a>
                    </li>
                    <li class="main_footer_top_uls_lis">
                        <a class="main_footer_top_uls_lis_link" href="#women">关于我们</a>
                    </li>
                    <li class="main_footer_top_uls_lis">
                        <a class="main_footer_top_uls_lis_link" href="#">团队风采</a>
                    </li>
                    <li class="main_footer_top_uls_lis">
                        <a class="main_footer_top_uls_lis_link" href="#lianxiwomen">联系我们</a>
                    </li>
                    <li class="main_footer_top_uls_lis">
                        <a class="main_footer_top_uls_lis_link" href="#">在线留言</a>
                    </li>
                </ul>
            </div>
            <div class="main_footer_bottom">
                <p class="main_footer_bottom_p">©2015 秦皇岛博易科技  版权所有冀ICP备0600521号 AII Rights Reserved</p>
            </div>
        </div>
    </div>
</body>
</html>